<script setup>
import Navigation from '@/components/Navigation.vue';
import Header from '@/components/Header.vue';
// import Footer from '@/components/Footer.vue';


</script>

<template>
    <el-container>
        <el-aside width="200px" class="aside">
            <Navigation />
        </el-aside>
        <el-container class="container">
            <el-header>
                <Header />
            </el-header>
            <el-main>
                <router-view></router-view>
            </el-main>
            <!-- <el-footer>
                <Footer />
            </el-footer> -->
        </el-container>
    </el-container>
</template>

<style lang="scss" scoped>
.aside{
    height: 100%;
}

container {
    height: 100%;
}

</style>